@media (max-width: 1024px) {
    /* phone and pad style */
    .friend_link,#container, .header .search, .comm_topLink, .top{
        display:none;
    }
    body{
        background:none;
    }
    .header .logo{
        float:none;                    
    }
    #topSystemBtn_id{
         display:none !important;
    }


    /* head */
    .header{
        width:100%;
        background: url(../img/2015mzw_body_bg.png) 11% 0 no-repeat;
        background-size: 191%;
        height: auto;
    }
    .nav{
        width:100%;
        height:auto;
    }
    .nav li{
        background: #0068b7!important;
        color: white;
        width:25%;
        margin: 0;
        font-size: 14px;
        line-height: 30px;
        height: auto;
        text-indent: 0;
        padding: 0;
        text-align: center;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .05) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) rgba(255, 255, 255, .05);
    }
    .nav li a{
        color:white!important;
    }
   .header .logo{
        height: auto;
        padding: 25px 0 25px 15px;
        display: flex;
        align-items: center;
        width: 75%;
   }
   .header .logo a img{
        width: 100%;
    }
    .nav li a{
        background:none!important;
    }
    /* index */
    .main{
        width:100%;
    }
    .slideBox{
    }

    .slideBox .bd li a{
    }
    .slideBox .bd li,
    .slideBox .bd ul{
    }
    .slideBox .bd{
    }
    .slideBox .bd img{
    }
    .slideBox .bd li p{
    height: 30px;
    width: 100%!important;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 1em!important;
    padding-right: 80px!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
    .slideBox .hd{
        right: 1px;
        bottom: 8px;
    }
    .slideBox .hd ul li{
    width: 10px;
    height: 10px;
    margin-left: 6px;
    }
    .slideBox, .slideBox .bd{
        width: 100%;
        height: auto;
    }
    .slideBox .bd ul{
        height: 0!important;
        padding-bottom: 67%;
        overflow: hidden;
        width: 100%!important;
    }
    .slideBox .bd li,
    .slideBox .bd li a,
    .slideBox .bd li img{
        width: 100%!important;
        height: 100%;
    }
    .news{
        padding-top: 1%;
        width:100%;
        height:auto;
    }
    .title .more{
    }
    .list{
    }
    .news .list{
        width: 100%;
        height:auto;
        padding: 0;
        border: 0;
    }
    .news .list .headline{
        padding: 5px 0;
    }
    .news .list .headline h2{
    width: 95%;
    }
    .news .list .headline p{
    line-height: 20px;
    }
    .list ul li{
    }

    .news .list ul{
        margin:1%;
    }
    .list ul{
        height: auto;
    }
    .news .list ul li{
    }
    .main_left .xxgk, .main_left .zxts{
    width: 100%;
    }
    .main_left{
        width:100%;
        background:none;
    }
    .main_left .zxts, .main_left .dczj{
        width:100%;
    }
    .main_left .title{
    }
    .main_left .title h3{
    }
    .main_left .xxgk ul{
    }
    .main_left .xxgk ul li{
        width:100%;
        border-radius:0;
        height:auto;
    }
    .main_left .xxgk ul li.xxgk05{
        width:100%;
        padding: 0;
        height:auto;
    }
    .main_left .xxgk ul li.xxgk05 a{
        margin-left: 11em;
    }
    .main_left .xxgk ul li.xxgk06{
    }
    .title h2 a{
        float:none;
    }
    .main_right{
        width:100%;
        
    }
    .tzgg,.lltt,.zcfg, .wsbs, .hnmz{
        width:100%;
        float:none;
    }
    .zcfg .title,
    .lltt .title,
    .tzgg .title{
    }
    .zcfg .title .more,
    .lltt .title .more,
    .tzgg .title .more{
    }
    .list ul{
    }
    .list ul li{
    }
    .hnzj .title ul li,
    .hnmz .title ul li{
    }
    .hnmz .list ul{
        width:100%;
        height:auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .hnmz .list ul li{
    width: 15%;
    margin-left: 30px;
    text-align: center;
    padding: 0;
    }
     .hnmz.pic_list{
       margin-top:.5em; 
    }    
    .pic_list li{
        margin: 0;
        width: 33%;
        box-sizing: border-box;
        padding: 5px;
    }
    .hnzj,.pic_list{
        width: 100%!important;
        height:  auto;
    }
    .pic_list ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .hnmz .pic_list li a{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
   .hnmz .pic_list img, .hnzj .pic_list img{
        width:100%;
    }
   .hnmz .pic_list li p{
        padding:0;
        width:100%;
        text-align:center;
    }
    .hnzj .pic_list li a{
        width: 100%;
    }
    .hnzj .pic_list li{
        width: 45%;
        padding: 0;
        height:  auto;
    }
    .hnzj .pic_list li p{
       padding: 0.1%;
       width:100%;
       height: auto;
       text-align:center;
       font-size: 14px;
       line-height: 20px;
    }
    .hnzj .list ul{
        height:auto;
    }

    .i-main-header{
        width:100%;
     }
    .tyl-main-right-list-a li{
        padding-left:3%;
        font-size:.4rem;
        line-height:2.3;
    }
    .tyl-main-right-title{
        font-size:.5rem;
        line-height:2;
        height:auto;
        padding-left:1em;      
    }
    .currentPosition{
        line-height:2;
        height:auto;
        text-indent:1em;
    }
    .currentPosition a, .currentPosition span{
        font-size:.45rem;

    }
    .tyl-main{
        margin-top:0.5em;
    }

    .tyl-main-right-list-a li a{
        display:block;
        max-width: 77%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    /* footer */
    .footer {
        height: auto!important;
        padding: 0;
        text-align: center!important;
    }
    .footer>div {
        width: 100%!important;
    }
    .gov_ico, #_span_jiucuo {
        display: none;
    }
     .footer p {
        float: none!important;
        text-align: center!important;
        margin: 0 15px!important;
        line-height: 15px!important;
        padding: 5px 0!important;
    }
    .ztzl{
        width:100%!important;
    }
    .ztzl .bd{
        width: 240px;
        margin:0 auto;
    }
    /*tylb*/
    .title h2 a{
    }
    .news .title,
    .zcfg .title,
    .tzgg .title,
    .lltt .title,
    .wsbs .title,
    .hnmz .title,
    .hnzj .title{
        padding: 0;
        margin: 0;
    }
    .main_left .zxts .title{
    }
    .title ul{
    }
     .title{
         overflow: hidden!important;
         border-width: 1px!important;
         border-style: solid!important;
         border-color: rgba(0, 0, 0, .1) rgba(255, 255, 255, .1)   rgba(255, 255, 255, .1) rgba(0, 0, 0, .1)!important;
         box-sizing: border-box;
     }


   

}
@media (max-width: 767px) {
    /* phone style */
         .news .title h2 a,
     .zcfg .title h2 a,
    .tzgg .title h2 a,
    .lltt .title h2 a,
     .hnmz .title h2 a,
    .hnzj .title h2 a,
    .wsbs .title h2 a{
    padding: 0 5px;
    font-size: 14px;
    }
    .title h2 a.active{padding: 0 5px;font-size: 14px;}
    .news .list .headline h2 a{
        font-size:16px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* pad style */
}